<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<!-- <script type="text/javascript" src="${ctxStatic }/jquery-easyui/1.5.3/jquery.min.js"></script>
	<script type="text/javascript" src="${ctxStatic }/jquery-easyui/1.5.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="${ctxStatic }/jquery-easyui/1.5.3/locale/easyui-lang-zh_CN.js"></script>
	<link rel="stylesheet" type="text/css" href="${ctxStatic }/jquery-easyui/1.5.3/themes/default/easyui.css" />
	<link rel="stylesheet" type="text/css" href="${ctxStatic }/jquery-easyui/1.5.3/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="${ctxStatic }/jquery-easyui/1.5.3/demo/demo.css" />-->

<link rel="stylesheet" type="text/css"
	href="${ctxStatic }/common/workOrderForm.css" />

<!-- <link rel="stylesheet"
	href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script
	src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script
	src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script
	src="${ctxStatic}/jquery-validation/1.11.1/dist/jquery.validate.min.js"></script>
 -->
<title>待处理工单</title>
<meta name="decorator" content="default" />
<script type="text/javascript">
	$(document).ready(
			function() {
				$("#inputForm")
						.validate(
								{
									submitHandler : function(form) {
										loading('正在提交，请稍等...');
										form.submit();
									},
									errorContainer : "#messageBox",
									errorPlacement : function(error, element) {
										$("#messageBox").text("输入有误，请先更正。");
										if (element.is(":checkbox")
												|| element.is(":radio")
												|| element.parent().is(
														".input-append")) {
											error.appendTo(element.parent()
													.parent());
										} else {
											error.insertAfter(element);
										}
									}
								});
			});
			
	
	/* function fileTool() {
		
		var userId = ${workOrder.belong};
		console.log("id:"+userId);
		var a = document.getElementsByName(userId);
		console.log(a.length);
		for (var i=0; i<a.length; i++) {
			a[i].className = 'filex01';
			}
		console.log(a.length);
	}
	 */
	/* $(document).ready(function(){
		fileTool();
	}); */
	
					
		$(function() {
			autoNav();
		});
	
		//解决底部自动导航的问题  
		function autoNav() {
			//获取内容的高度  
			var bodyHeight = $("body").height();
			//获取底部导航的高度  
			var navHeight = $("#info-footer").height();
			//获取左边内容的宽度  
			var leftWidth = $("#info-left").width();
			//获取左边内容的高度  
			var leftHeight = $("#info-left").height();
			//获取显示屏的高度  
			var iHeight = document.documentElement.clientHeight
					|| document.body.clientHeight;
			console.log("bodyHeight"+bodyHeight+"navHeight"+navHeight+"leftHeight"+leftHeight+"iHeight"+iHeight);
			//如果内容的高度大于（窗口的高度 - 导航的高度）,z则需要添加一个div，设置其高度  
			if (iHeight < (leftHeight + navHeight +73)) {
				//$("body").append('<div style="height: '+navHeight+'px"></div>');
				document.getElementById("info-left").style.height = iHeight-navHeight-73 + "px";
				//document.getElementById("foot-btn").style.width = leftWidth + "px"; 
				
			}
		}
</script>
<style type="text/css">
.filex{
	display: none;
}
.filex01{
	display: inline;
}

</style>
</head>
<body>
	<ul class="nav nav-tabs">
		<li><a href="${ctx}/oa/workOrder/self">工单列表</a></li>
		<li class="active"><a href="${ctx}/oa/workOrder/form?id=${workOrder.id}">工单处理</a></li>
	</ul>
	<br />

	<div id="info-main" class="row-fluid" style="font-size: 10px;">
		
		<div id="info-left" class="pre-scrollable" style="padding-left: 10px;padding-right: 10px;max-height: 567px;">
			<div class = "panel-head-01" >用户信息</div>
			<div>
				<table>
					<tr>
						<td class="table-name-01">客户姓名：</td>
						<td class="table-value-01"><input class="table-input-01" readonly="readonly"
						class="required input-small" value="${workOrder.customerName }"></td>
						<td class="table-name-01" style="white-space: nowrap;">客户电话：</td>
						<td class="table-value-01"><input class="table-input-01" readonly="readonly"
							value="${workOrder.customPhone }"></td>
						<td class="table-name-01" style="white-space: nowrap;">客户品牌：</td>
						<td class="table-value-01"><input class="table-input-01" readonly="readonly"
							value="${workOrder.customBrand }"></td>
						<td class="table-name-01">客户级别：</td>
						<td class="table-value-01"><input class="table-input-01" readonly="readonly"
							value="${workOrder.customLevel }"></td>
						<td class="table-name-01">用户归属地：</td>
						<td class="table-value-01"><input class="table-input-01" readonly="readonly"
							value="${workOrder.customAttribution }"></td>
					</tr>
				</table>
			</div>
			<div class = "panel-head-01">基本信息</div>
			<div>
				<table>
					<tr>
						<td class="table-name-02">主题：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.title }"></td>
						<td class="table-name-02">紧急程度：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.urgentDegree }"></td>
						<td class="table-name-02" >受理时限：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="<fmt:formatDate value="${workOrder.dealTime1 }" type="both"/>"></td>
						<td class="table-name-02">处理时限：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="<fmt:formatDate value="${workOrder.dealTime2 }" type="both"/>"></td>	
						<td class="table-name-02">派发联系人：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.btype1 }"></td>
						
					</tr>
					<tr>
						
						<td class="table-name-02">派发联系人电话：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.bdeptContact }"></td>
						<td class="table-name-02">投诉分类：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.title }"></td>
						<td class="table-name-02">投诉时间：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="<fmt:formatDate value="${workOrder.complaintTime }" type="both"/>"></td>
						<td class="table-name-02">故障号码：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.complaintNum }"></td>
						<td class="table-name-02">故障时间：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="<fmt:formatDate value="${workOrder.faultTime }" type="both"/>"></td>
					</tr>
					<tr>
						
						<td class="table-name-02">故障地点：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.faultSite }"></td>
						<td class="table-name-02">终端描述：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.terminalType }"></td>
						<td class="table-name-02">重复投诉次数：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.repeatComplaintTimes }"></td>
						<td class="table-name-02">是否大面积投诉：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.bdeptContactPhone }"></td>
						<td class="table-name-02">预处理情况：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.preDealResult }"></td>
					</tr>
					<tr>
						<td class="table-name-02">投诉内容：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.complaintDesc }"></td>
						<td class="table-name-02">投诉受理省份：</td>
						<td class="table-value-02"><input class="table-input-02" readonly="readonly"
							value="${workOrder.startDealCity }"></td>
					</tr>
				</table>
			</div>
			
			<div class = "panel-head-01" >操作日志</div>
			<div class="" style="">	
				<table class="table">
					<c:forEach items="${operationList}" var="operation">
						<tr id="${operation.id}" style="background-color: aliceblue;">
							<td><div>操作人：${operation.operationUser }</div></td>
							<td><div>操作：${operation.operationName }</div></td>
							<td><div>操作时间：<fmt:formatDate value="${operation.operationTime }" type="both" /></div></td>
							<td><div>去向：${operation.sendTo }</div></td>
						</tr>
						<tr>
							<td colspan="4"><div>消息：${operation.content }</div></td>
						</tr>
					</c:forEach>
				</table>
			</div>
			
			<!-- <div class = "panel-head-01" >附件信息</div>
			<div class="pre-scrollable" style="height: 85px;">
				<table class="table  pre-scrollable">
					<c:forEach items="${fileList}" var="file">
						<tr>
							<td><a href="${file.url }">${file.name }</a></td>
							<td>${file.userName }</td>
						</tr>
					</c:forEach>
				</table>
			</div> -->
			
			<!-- 模态框风格  -->
			<!-- <div id="foot-btn" style="height: 90px;background-color: #f5f5f5;" hidden="hidden">
				<div class = "panel-head-01" >工单处理 </div>
				<p class="text-center" style="margin-bottom: 0px;">请在<fmt:formatDate value="${workOrder.processingTime }" type="both" />前完成</p>
				<div class="btn-toolbar" style="margin-top: 0px;">
					<div class="btn-group" style="margin-left: 120px;">
						<a href="#reply" role="button" class="btn btn-primary" data-toggle="modal">回 复</a>
						<a href="#transmit" role="button" class="btn btn-primary" data-toggle="modal">转发</a>
						<a href="#stageReply" role="button" class="btn btn-primary" data-toggle="modal">阶段回复</a>
						<a href="#delayApplication" role="button" class="btn btn-primary" data-toggle="modal">延时申请</a>
						<a href="#files" role="button" class="btn btn-primary" data-toggle="modal">附件管理</a>
						<a href="#sendBack" role="button" class="btn btn-primary" data-toggle="modal">释放</a>
					</div>
					<div class="btn-group">
						<a role="button" class="btn" data-toggle="modal" onclick="history.go(-1)">返回</a>
					</div>
				</div>
				
			</div> -->
		</div>
		
		
		
		<div id="footer" class="row-fluid navbar-fixed-bottom"	style="font-size: 10px;">
		<div id="info-footer" class="panel panel-info span12 pre-scrollable " >
			<div class="panel-heading" style="background-color: #2fa4e7;">
				<ul id="myTab" class="nav nav-tabs">
					<li class="active"><a href="#home" data-toggle="tab" style="color: #033c73;"> 回复内容</a></li>
					<li><a href="#wfzf" data-toggle="tab" style="color: #033c73;">工单转发</a></li>
					<li><a href="#wfjh" data-toggle="tab" style="color: #033c73;">阶段回复</a></li>
					<li><a href="#wfys" data-toggle="tab" style="color: #033c73;display: none;">延时申请</a></li>
					<li><a href="#wfsf" data-toggle="tab" style="color: #033c73;">释放工单</a></li>
					<!-- <li><a href="#wfbh" data-toggle="tab" style="color: #033c73;">驳回客服</a></li> -->
					<!-- <li><a href="#operation" data-toggle="tab" style="color: #033c73;">操作记录</a></li> --> 
					<li><a href="#file" data-toggle="tab" style="color: #033c73;">文档附件</a></li>
					<li><a href="#wtsj" data-toggle="tab" style="color: #033c73;">问题收集</a></li>
				</ul>
			</div>
	
			<div class="panel-body" style="">
				<div id="myTabContent" class="tab-content">
					<div class="tab-pane fade in active" id="home">
						<form:form id="inputForm" modelAttribute="workOrder"
							action="${ctx}/oa/workOrder/reply?id=${workOrder.id}"
							method="post" class="form-horizontal">
							<sys:message content="${message}"/>	
							<div>
								<div class="control-group">	
									<div style="display:inline;padding-left: 100px;">投诉性质:</div>
									<div style="display:inline;">
										<form:select path="compProp" class="input-small">
											<form:options
												items="${fns:getDictList('sys_complain_property')}"
												itemLabel="label" itemValue="label" htmlEscape="false"
												required="required"  />
										</form:select>
									</div>
								
									<div style="display:inline;padding-left: 15px;">处理结果:</div>
									<div style="display:inline;">
										<form:select path="dealResult" class="required input-small">
											<form:options items="${fns:getDictList('oa_wo_dealResult')}"
												itemLabel="label" itemValue="value" htmlEscape="false"
												required="required" />
										</form:select>
									</div>
									
									<div style="display:inline;padding-left: 15px;">是否已答复客户:</div>
									<div style="display:inline;">
										<form:select path="isReplied">
											<form:options items="${fns:getDictList('yes_no')}"
												itemLabel="label" itemValue="value" required="required"
												htmlEscape="false" />
										</form:select>
									</div>
									
									<div style="display:inline;padding-left: 15px;">投诉类型:</div>
									<div style="display:inline;">
										<sys:treeselect id="type" name="type" value="${user.complain.id}" labelName="complain.name" labelValue="${user.complain.name}" 
											title="投诉类型" url="/sys/complain/treeData" cssClass="input-small" allowClear="true" notAllowSelectParent="true"/>
									</div>
									<div class="text-center" style="margin-bottom: 0px;display:inline;padding-left: 30px;">
										请在<fmt:formatDate value="${workOrder.processingTime }" type="both" />前完成
									</div>
								</div>
								
								<div class="control-group">	
								
									<div style="display:inline;padding-left: 100px;">解决措施:</div>
									<div style="display:inline;">
										<form:textarea path="dealDesc" htmlEscape="false" rows="3"
											maxlength="200" required="required"
											class="required input-xlarge" />
									</div>
									
									<div style="display:inline;padding-left: 10px;">问题原因:</div>
									<div style="display:inline;">
										<form:textarea path="issueEliminatReason" htmlEscape="false"
											rows="3" maxlength="200" cssClass="input-xlarge" />
									</div>
									
								</div>
								
							</div>
							
							
							
							<div class="modal-footer" style="padding-bottom: 0px;">
								<div class="control-group" style="padding-bottom: 0px;margin-bottom: 0px;">
									<div class="controls">
										<input id="btnSubmit" class="btn btn-primary" type="submit" value="回   复" />&nbsp; 
										<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
									</div>
								</div>	
							</div>
						</form:form>
					</div>
					
					<div class="tab-pane fade" style="" id="wfzf">
						<form:form id="inputForm" modelAttribute="workOrder"
							action="${ctx}/oa/workOrder/transmit?id=${workOrder.id}"
							method="post" class="form-horizontal">
							<sys:message content="${message}" />
							<div>
								<div class="control-group">
									
									<div style="display:inline;padding-left: 100px;">转发目标:</div>
									<div style="display:inline;">
										<sys:treeselect id="user01" name="belong" value="${user.id }"
											labelName="user.name" labelValue="${user.name}" title="转发目标"
											url="/sys/user/userTreeData" cssClass="input-small"
											allowClear="true" />
									</div>
								</div>
								
								<div class="control-group">
									<div style="display:inline;padding-left: 100px;">转发信息:</div>
									<div style="display:inline;">
										<form:textarea path="result" htmlEscape="false" rows="3"
											maxlength="200" class="input-xlarge" />
									</div>
								</div>
							</div>
				
							<div class="modal-footer" style="padding-bottom: 0px;">
								<div class="control-group" style="padding-bottom: 0px;margin-bottom: 0px;">
									<div class="controls">
										<input id="btnSubmit" class="btn btn-primary" type="submit" value="转  发" />&nbsp; 
										<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
									</div>
								</div>	
							</div>
						</form:form>
					</div>
					
					<div class="tab-pane fade" style="" id="wfjh">
						<form:form id="inputForm" modelAttribute="workOrder"
							action="${ctx}/oa/workOrder/stageReply?id=${workOrder.id}"
							method="post" class="form-horizontal">
							<sys:message content="${message}" />
							<div>
								<div class="control-group">
									
									<%-- <div style="display:inline;padding-left: 100px;">回复目标:</div>
									<div style="display:inline;">
										<sys:treeselect id="user02" name="belong" value="${user.id }"
											labelName="user.name" labelValue="${user.name}" title="回复目标"
											url="/sys/user/userTreeData" cssClass="input-small"
											allowClear="true" />
									</div> --%>
								</div>
								
								<div class="control-group">
									<div style="display:inline;padding-left: 100px;">回复信息:</div>
									<div style="display:inline;">
										<form:textarea path="result" htmlEscape="false" rows="3"
											maxlength="200" class="input-xlarge" />
									</div>
								</div>
							</div>
				
							<div class="modal-footer" style="padding-bottom: 0px;">
								<div class="control-group" style="padding-bottom: 0px;margin-bottom: 0px;">
									<div class="controls">
										<input id="btnSubmit" class="btn btn-primary" type="submit" value="确   定" />&nbsp; 
										<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
									</div>
								</div>	
							</div>
						</form:form>
					</div>
					
					<div class="tab-pane fade" style="" id="wfys">
						<form:form id="inputForm" modelAttribute="workOrder"
							action="${ctx}/oa/workOrder/delayApplication?id=${workOrder.id}"
							method="post" class="form-horizontal">
							<sys:message content="${message}" />
							<div>
								<div class="control-group">
									
									<div style="display:inline;padding-left: 100px;">申请目标:</div>
									<div style="display:inline;">
										<sys:treeselect id="user03" name="belong" value="${user.id }"
											labelName="user.name" labelValue="${user.name}" title="申请目标"
											url="/sys/user/userTreeData" cssClass="input-small"
											allowClear="true" />
									</div>
								</div>
								
								<div class="control-group">
									<div style="display:inline;padding-left: 100px;">申请原因:</div>
									<div style="display:inline;">
										<form:textarea path="result" htmlEscape="false" rows="3"
											maxlength="200" class="input-xlarge" />
									</div>
								</div>
							</div>
				
							<div class="modal-footer" style="padding-bottom: 0px;">
								<div class="control-group" style="padding-bottom: 0px;margin-bottom: 0px;">
									<div class="controls">
										<input id="btnSubmit" class="btn btn-primary" type="submit" value="确   定" />&nbsp; 
										<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
									</div>
								</div>	
							</div>
						</form:form>
					</div>
					
					<div class="tab-pane fade" style="" id="wfsf">
						<form:form id="inputForm" modelAttribute="workOrder"
							action="${ctx}/oa/workOrder/sendBack?id=${workOrder.id}"
							method="post" class="form-horizontal">
							<sys:message content="${message}" />
							<div>
								
								<div class="control-group">
									<div style="display:inline;padding-left: 100px;">释放原因:</div>
									<div style="display:inline;">
										<form:textarea path="result" htmlEscape="false" rows="3"
											maxlength="200" class="input-xlarge" />
									</div>
								</div>
							</div>
				
							<div class="modal-footer" style="padding-bottom: 0px;">
								<div class="control-group" style="padding-bottom: 0px;margin-bottom: 0px;">
									<div class="controls">
										<input id="btnSubmit" class="btn btn-primary" type="submit" value="确    定" />&nbsp; 
										<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
									</div>
								</div>	
							</div>
						</form:form>
					</div>
					
					<div class="tab-pane fade" style="" id="wfbh">
						<form:form id="inputForm" modelAttribute="workOrder"
							action="${ctx}/oa/workOrder/reject?id=${workOrder.id}"
							method="post" class="form-horizontal">
							<sys:message content="${message}" />
							<div>
								
								<div class="control-group">
									<div style="display:inline;padding-left: 100px;">驳回原因:</div>
									<div style="display:inline;">
										<form:textarea path="result" htmlEscape="false" rows="3"
											maxlength="200" class="input-xlarge" />
									</div>
								</div>
							</div>
				
							<div class="modal-footer" style="padding-bottom: 0px;">
								<div class="control-group" style="padding-bottom: 0px;margin-bottom: 0px;">
									<div class="controls">
										<input id="btnSubmit" class="btn btn-primary" type="submit" value="确    定" />&nbsp; 
										<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
									</div>
								</div>	
							</div>
						</form:form>
					</div>
	
					<div class="tab-pane fade" style="" id="file">
						<table class="table">
							<form:form id="inputForm" modelAttribute="workOrder"
								action="${ctx}/oa/workOrder/uploadFile?id=${workOrder.id}"
								method="post" class="form-horizontal">
								<sys:message content="${message}" />
								<div class="control-group">
									<label class="control-label">附件:</label>
									<div class="controls">
										<form:hidden id="nameFile" path="files" htmlEscape="false"
											maxlength="255" class="input-xlarge" />
										<sys:ckfinder input="nameFile" type="files"
											uploadPath="/userfiles" selectMultiple="true" maxWidth="100"
											maxHeight="100" />
									</div>
								</div>
								<div id="my-form-actions" class="form-actions" style="margin-top: 0px;">
									<input id="btnSubmit" class="btn btn-primary" type="submit"
										value="保  存" />&nbsp; <input id="btnCancel" class="btn"
										type="button" value="返 回" onclick="history.go(-1)" />
								</div>
							</form:form>
						</table>
					</div>
					
					<div class="tab-pane fade" style="" id="wtsj">
						<form:form id="inputForm" modelAttribute="workOrder"
							action="${ctx}/oa/workOrder/problemCollection?id=${workOrder.id}"
							method="post" class="form-horizontal">
							<sys:message content="${message}" />
							<div>
								
								<div class="control-group">
									<div style="display:inline;padding-left: 100px;">预计完成时间:</div>
									<input id="endDate" name="endDate" type="text" readonly="readonly" maxlength="20" class="input-small Wdate"
				 					value="<fmt:formatDate value="${workOrder.finishDate}" pattern="yyyy-MM-dd"/>" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/>
								</div>
							</div>
				
							<div class="modal-footer" style="padding-bottom: 0px;">
								<div class="control-group" style="padding-bottom: 0px;margin-bottom: 0px;">
									<div class="controls">
										<input id="btnSubmit" class="btn btn-primary" type="submit" value="确    定" />&nbsp; 
										<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
									</div>
								</div>	
							</div>
						</form:form>
					</div>
				</div>
			</div>
		</div>
	</div>	
		
		<%-- <div id="info-right" class="span3" style="padding-right: 10px; margin-left: 15px;">
			<div class = "panel-head-01" >操作日志</div>
			<div class="pre-scrollable" style="max-height: 470px;">	
				<table class="table  pre-scrollable"  style="background-color: aliceblue;">
					<c:forEach items="${operationList}" var="operation">
						<tr id="${operation.id}">
							
							<td><div>操作人：${operation.operationUser }</div>
								<div>操作：${operation.operationName }</div>
								<div>操作时间：<fmt:formatDate value="${operation.operationTime }" type="both" /></div>
								<div>去向：${operation.sendTo }</div>
								<div>消息：${operation.content }</div>
							</td>
						</tr>
					</c:forEach>
				</table>
			</div>
		</div> --%>
	</div>
		
	<!-- Modal -->
	<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h3 id="myModalLabel">Modal header</h3>
		</div>
		<div class="modal-body">
			<p>One fine body…</p>
		</div>
		<div class="modal-footer">
			<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
			<button class="btn btn-primary">Save changes</button>
		</div>
	</div>
	
	<!-- 弹窗模式 -->
	<%-- <div id="reply" class="modal hide fade">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h3 id="myModalLabel">工单回复</h3>
		</div>
		
		<form:form id="inputForm" modelAttribute="workOrder"
			action="${ctx}/oa/workOrder/reply?id=${workOrder.id}"
			method="post" class="form-horizontal">
			<sys:message content="${message}"/>	
			<div class="modal-body">
				<div class="control-group">
					<label class="control-label">投诉性质:</label>
					<div class="controls">
						<form:select path="compProp" class="input-small">
							<form:options
								items="${fns:getDictList('sys_complain_property')}"
								itemLabel="label" itemValue="value" htmlEscape="false"
								required="required"  />
						</form:select>
						<span class="help-inline"><font color="red">*</font> </span>
					</div>
				</div>
				
				<div class="control-group">
					<label class="control-label">处理结果:</label>
					<div class="controls">
						<form:select path="dealResult" class="required input-small">
							<form:options items="${fns:getDictList('oa_wo_dealResult')}"
								itemLabel="label" itemValue="value" htmlEscape="false"
								required="required" />
						</form:select>
						<span class="help-inline"><font color="red">*</font> </span>
					</div>
				</div>
				
				<div class="control-group">	
					<label class="control-label"">是否已答复客户:</label>
					<div class="controls">
						<form:select path="isReplied">
							<form:options items="${fns:getDictList('yes_no')}"
								itemLabel="label" itemValue="value" required="required"
								htmlEscape="false" />
						</form:select>
						<span class="help-inline"><font color="red">*</font> </span>
					</div>
				</div>
				
				<div class="control-group">	
					<label class="control-label">问题原因:</label>
					<div class="controls">
						<form:textarea path="issueEliminatReason" htmlEscape="false"
							rows="3" maxlength="200" required="required"
							cssClass="required input-xlarge" />
						<span class="help-inline"><font color="red">*</font> </span>
					</div>
				</div>
				
				<div class="control-group">	
					<label class="control-label">解决措施:</label>
					<div class="controls">
						<form:textarea path="dealDesc" htmlEscape="false" rows="3"
							maxlength="200" required="required"
							class="required input-xlarge" />
						<span class="help-inline"><font color="red">*</font> </span>
					</div>
				</div>
				
			</div>
			
			<div class="modal-footer">
				<div class="control-group">
					<div class="controls">
						<input id="btnSubmit" class="btn btn-primary" type="submit" value="回   复" />&nbsp; 
						<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
					</div>
				</div>	
			</div>
		</form:form>
		
	</div> --%>
	
	<%-- <div id="transmit" class="modal hide fade">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h3 id="myModalLabel">工单转发</h3>
		</div>
		
		<form:form id="inputForm" modelAttribute="workOrder"
			action="${ctx}/oa/workOrder/transmit?id=${workOrder.id}"
			method="post" class="form-horizontal">
			<sys:message content="${message}" />
			<div class="modal-body">
				<div class="control-group">
					<label class="control-label" for="input-user">转发目标:</label>
					<div class="controls" id="input-user">
						<sys:treeselect id="user1" name="belong" value="${user.id }"
							labelName="user.name" labelValue="${user.name}" title="转发目标"
							url="/sys/user/userTreeData" cssClass="input-small"
							allowClear="true" />
					</div>
				</div>
				
				<div class="control-group">
					<label class="control-label" for="in put-result">转发信息:</label>
					<div class="controls" id="input-result">
						<form:textarea path="result" htmlEscape="false" rows="3"
							maxlength="200" class="input-xlarge" />
					</div>
				</div>
			</div>

			<div class="modal-footer">
				<div class="control-group">
					<div class="controls">
						<input id="btnSubmit" class="btn btn-primary" type="submit" value="转  发" />&nbsp; 
						<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
					</div>
				</div>	
			</div>
		</form:form>
	</div> --%>
	
	<%-- <div id="stageReply" class="modal hide fade">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="myModalLabel">阶段回复</h3>
		</div>
		
		<form:form id="inputForm" modelAttribute="workOrder"
			action="${ctx}/oa/workOrder/stageReply?id=${workOrder.id}"
			method="post" class="form-horizontal">
			<sys:message content="${message}" />
			<div class="modal-body">
				<div class="control-group">
					<label class="control-label" for="input-user">回复目标:</label>
					<div class="controls" id="input-user">
						<sys:treeselect id="user2" name="belong" value="${user.id }"
							labelName="user.name" labelValue="${user.name}" title="回复目标"
							url="/sys/user/userTreeData" cssClass="input-small"
							allowClear="true" />
					</div>
				</div>
				
				<div class="control-group">
					<label class="control-label" for="input-result">回复信息:</label>
					<div class="controls" id="input-result">
						<form:textarea path="result" htmlEscape="false" rows="3"
							maxlength="200" class="input-xlarge" />
					</div>
				</div>
			</div>

			<div class="modal-footer">
				<div class="control-group">
					<div class="controls">
						<input id="btnSubmit" class="btn btn-primary" type="submit" value="回    复" />&nbsp; 
						<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
					</div>
				</div>	
			</div>
		</form:form>
	</div> --%>
	
	<%-- <div id="delayApplication" class="modal hide fade">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h3 id="myModalLabel">延时申请</h3>
		</div>
		
		<form:form id="inputForm" modelAttribute="workOrder"
			action="${ctx}/oa/workOrder/delayApplication?id=${workOrder.id}"
			method="post" class="form-horizontal">
			<sys:message content="${message}" />
			<div class="modal-body">
				<div class="control-group">
					<label class="control-label" for="input-user">申请目标:</label>
					<div class="controls" id="input-user">
						<sys:treeselect id="user3" name="belong" value="${user.id }"
							labelName="user.name" labelValue="${user.name}" title="申请目标"
							url="/sys/user/userTreeData" cssClass="input-small" notAllowSelectParent="true"
							allowClear="true" />
					</div>
				</div>
				
				<div class="control-group">
					<label class="control-label" for="input-result">申请原因:</label>
					<div class="controls" id="input-result">
						<form:textarea path="result" htmlEscape="false" rows="3"
							maxlength="200" class="input-xlarge" />
					</div>
				</div>
			</div>

			<div class="modal-footer">
				<div class="control-group">
					<div class="controls">
						<input id="btnSubmit" class="btn btn-primary" type="submit" value="确   定" />&nbsp; 
						<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
					</div>
				</div>	
			</div>
		</form:form>
	</div> --%>
	
	<%-- <div id="files" class="modal hide fade">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h3 id="myModalLabel">附件管理</h3>
		</div>
			<table class="table">
				<form:form id="inputForm" modelAttribute="workOrder"
					action="${ctx}/oa/workOrder/uploadFile?id=${workOrder.id}"
					method="post" class="form-horizontal">
					<sys:message content="${message}" />
					<div class="modal-body">
						<div class="control-group">
							<label class="control-label">附件:</label>
							<div class="controls">
								<form:hidden id="nameFile" path="files" htmlEscape="false"
									maxlength="255" class="input-xlarge" />
								<sys:ckfinder input="nameFile" type="files" transmit="true"
									uploadPath="/userfiles" selectMultiple="true" maxWidth="100"
									maxHeight="100" />
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<div class="control-group">
							<div class="controls">
								<input id="btnSubmit" class="btn btn-primary" type="submit" value="保   存" />&nbsp; 
								<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
							</div>
						</div>	
					</div>
				</form:form>
			</table>
	</div> --%>
	
	<%-- <div id="sendBack" class="modal hide fade">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">×</button>
			<h3 id="myModalLabel">释放工单</h3>
		</div>
		
		<form:form id="inputForm" modelAttribute="workOrder"
			action="${ctx}/oa/workOrder/sendBack?id=${workOrder.id}"
			method="post" class="form-horizontal">
			<sys:message content="${message}" />
			<div class="modal-body">
				
				<div class="control-group">
					<label class="control-label" for="input-result">释放原因:</label>
					<div class="controls" id="input-result">
						<form:textarea path="result" htmlEscape="false" rows="3"
							maxlength="200" class="input-xlarge" />
					</div>
				</div>
			</div>

			<div class="modal-footer">
				<div class="control-group">
					<div class="controls">
						<input id="btnSubmit" class="btn btn-primary" type="submit" value="确   定" />&nbsp; 
						<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
					</div>
				</div>	
			</div>
		</form:form>
	</div> --%>
	
	
</body>
</html>